<?php  if ( ! defined('BASEPATH')) exit('No direct script access allowed'); ?>
<?php $this->load->view('admin/header');?>
<body>
<!-- Copyright ?2005. Spidersoft Ltd -->
<style>
A.applink:hover {border: 2px dotted #DCE6F4;padding:2px;background-color:#ffff00;color:green;text-decoration:none}
A.applink       {border: 2px dotted #DCE6F4;padding:2px;color:#2F5BFF;background:transparent;text-decoration:none}
A.info          {color:#2F5BFF;background:transparent;text-decoration:none}
A.info:hover    {color:green;background:transparent;text-decoration:underline}
</style>
<!-- /Copyright ?2005. Spidersoft Ltd -->
<div id="body-wrapper" class="png_bg">
  <!-- Wrapper for the radial gradient background -->
	<?php $this->load->view('admin/siderbar');?>
  <!-- End #sidebar -->
  <div id="main-content">
    <!-- Main Content Section with everything -->
    <noscript>
    <!-- Show a notification if the user has disabled javascript -->
    <div class="notification error png_bg">
      <div> Javascript is disabled or is not supported by your browser. Please <a href="http://browsehappy.com/" title="Upgrade to a better browser">upgrade</a> your browser or <a href="http://www.google.com/support/bin/answer.py?answer=23852" title="Enable Javascript in your browser">enable</a> Javascript to navigate the interface properly. </div>
    </div>
    </noscript>
    <!-- Page Head -->
    <h2>欢迎，Arbou</h2>
    <p id="page-intro">我能为您做什么？</p>
    <ul class="shortcut-buttons-set">
      <li><a class="shortcut-button" href="#"><span> <img src="<?=base_url()?>application/views/admin/images/icons/pencil_48.png" alt="icon" /><br />
        写一篇新文章 </span></a></li>
      <li><a class="shortcut-button" href="#"><span> <img src="<?=base_url()?>application/views/admin/images/icons/paper_content_pencil_48.png" alt="icon" /><br />
        创建独立页面 </span></a></li>
      <li><a class="shortcut-button" href="#"><span> <img src="<?=base_url()?>application/views/admin/images/icons/image_add_48.png" alt="icon" /><br />
        上传图片</span></a></li>
      <li><a class="shortcut-button" href="#"><span> <img src="<?=base_url()?>application/views/admin/images/icons/clock_48.png" alt="icon" /><br />
        加入一个任务 </span></a></li>
      <li><a class="shortcut-button" href="#messages" rel="modal"><span> <img src="<?=base_url()?>application/views/admin/images/icons/comment_48.png" alt="icon" /><br />
        Open Modal </span></a></li>
    </ul>
    <!-- End .shortcut-buttons-set -->
    <div class="clear"></div>
    <!-- End .clear -->
    <div class="content-box">
      <!-- Start Content Box -->
      <div class="content-box-header">
        <h3>内容框</h3>
        <ul class="content-box-tabs">
          <li><a href="#tab1" class="default-tab">表 </a></li>
          <!-- href must be unique and match the id of target div -->
          <li><a href="#tab2">表单</a></li>
        </ul>
        <div class="clear"></div>
      </div>
      <!-- End .content-box-header -->
      <div class="content-box-content">
        <div class="tab-content default-tab" id="tab1">
          <!-- This is the target div. id must match the href of this div's tab -->
          <div class="notification attention png_bg"> <a href="#" class="close"><img src="<?=base_url()?>application/views/admin/images/icons/cross_grey_small.png" title="Close this notification" alt="close" /></a>
            <div> 这是一个内容框 。  你可以把任何你也想要的。顺便说一下，你可以关闭这个右上角的交叉通知。  </div>
          </div>
          <table>
            <thead>
              <tr>
                <th><input class="check-all" type="checkbox" /></th>
                <th>Column 1</th>
                <th>Column 2</th>
                <th>Column 3</th>
                <th>Column 4</th>
                <th>Column 5</th>
              </tr>
            </thead>
            <tfoot>
              <tr>
                <td colspan="6"><div class="bulk-actions align-left">
                    <select name="dropdown">
                      <option value="option1">Choose an action...</option>
                      <option value="option2">Edit</option>
                      <option value="option3">Delete</option>
                    </select>
                    <a class="button" href="#">执行</a> </div>
                  <div class="pagination"> <a href="#" title="First Page">&laquo; 首页</a><a href="#" title="Previous Page">&laquo; 上一页</a> <a href="#" class="number" title="1">1</a> <a href="#" class="number" title="2">2</a> <a href="#" class="number current" title="3">3</a> <a href="#" class="number" title="4">4</a> <a href="#" title="Next Page">下一页 &raquo;</a><a href="#" title="Last Page">尾页&raquo;</a> </div>
                  <!-- End .pagination -->
                  <div class="clear"></div></td>
              </tr>
            </tfoot>
            <tbody>
              <tr>
                <td><input type="checkbox" /></td>
                <td>Lorem ipsum dolor</td>
                <td><a href="#" title="title">Sit amet</a></td>
                <td>Consectetur adipiscing</td>
                <td>Donec tortor diam</td>
                <td><!-- Icons -->
                  <a href="#" title="Edit"><img src="<?=base_url()?>application/views/admin/images/icons/pencil.png" alt="Edit" /></a> <a href="#" title="Delete"><img src="<?=base_url()?>application/views/admin/images/icons/cross.png" alt="Delete" /></a> <a href="#" title="Edit Meta"><img src="<?=base_url()?>application/views/admin/images/icons/hammer_screwdriver.png" alt="Edit Meta" /></a></td>
              </tr>
              <tr>
                <td><input type="checkbox" /></td>
                <td>Lorem ipsum dolor</td>
                <td><a href="#" title="title">Sit amet</a></td>
                <td>Consectetur adipiscing</td>
                <td>Donec tortor diam</td>
                <td><!-- Icons -->
                  <a href="#" title="Edit"><img src="<?=base_url()?>application/views/admin/images/icons/pencil.png" alt="Edit" /></a> <a href="#" title="Delete"><img src="<?=base_url()?>application/views/admin/images/icons/cross.png" alt="Delete" /></a> <a href="#" title="Edit Meta"><img src="<?=base_url()?>application/views/admin/images/icons/hammer_screwdriver.png" alt="Edit Meta" /></a></td>
              </tr>
              <tr>
                <td><input type="checkbox" /></td>
                <td>Lorem ipsum dolor</td>
                <td><a href="#" title="title">Sit amet</a></td>
                <td>Consectetur adipiscing</td>
                <td>Donec tortor diam</td>
                <td><!-- Icons -->
                  <a href="#" title="Edit"><img src="<?=base_url()?>application/views/admin/images/icons/pencil.png" alt="Edit" /></a> <a href="#" title="Delete"><img src="<?=base_url()?>application/views/admin/images/icons/cross.png" alt="Delete" /></a> <a href="#" title="Edit Meta"><img src="<?=base_url()?>application/views/admin/images/icons/hammer_screwdriver.png" alt="Edit Meta" /></a></td>
              </tr>
              <tr>
                <td><input type="checkbox" /></td>
                <td>Lorem ipsum dolor</td>
                <td><a href="#" title="title">Sit amet</a></td>
                <td>Consectetur adipiscing</td>
                <td>Donec tortor diam</td>
                <td><!-- Icons -->
                  <a href="#" title="Edit"><img src="<?=base_url()?>application/views/admin/images/icons/pencil.png" alt="Edit" /></a> <a href="#" title="Delete"><img src="<?=base_url()?>application/views/admin/images/icons/cross.png" alt="Delete" /></a> <a href="#" title="Edit Meta"><img src="<?=base_url()?>application/views/admin/images/icons/hammer_screwdriver.png" alt="Edit Meta" /></a></td>
              </tr>
              <tr>
                <td><input type="checkbox" /></td>
                <td>Lorem ipsum dolor</td>
                <td><a href="#" title="title">Sit amet</a></td>
                <td>Consectetur adipiscing</td>
                <td>Donec tortor diam</td>
                <td><!-- Icons -->
                  <a href="#" title="Edit"><img src="<?=base_url()?>application/views/admin/images/icons/pencil.png" alt="Edit" /></a> <a href="#" title="Delete"><img src="<?=base_url()?>application/views/admin/images/icons/cross.png" alt="Delete" /></a> <a href="#" title="Edit Meta"><img src="<?=base_url()?>application/views/admin/images/icons/hammer_screwdriver.png" alt="Edit Meta" /></a></td>
              </tr>
              <tr>
                <td><input type="checkbox" /></td>
                <td>Lorem ipsum dolor</td>
                <td><a href="#" title="title">Sit amet</a></td>
                <td>Consectetur adipiscing</td>
                <td>Donec tortor diam</td>
                <td><!-- Icons -->
                  <a href="#" title="Edit"><img src="<?=base_url()?>application/views/admin/images/icons/pencil.png" alt="Edit" /></a> <a href="#" title="Delete"><img src="<?=base_url()?>application/views/admin/images/icons/cross.png" alt="Delete" /></a> <a href="#" title="Edit Meta"><img src="<?=base_url()?>application/views/admin/images/icons/hammer_screwdriver.png" alt="Edit Meta" /></a></td>
              </tr>
              <tr>
                <td><input type="checkbox" /></td>
                <td>Lorem ipsum dolor</td>
                <td><a href="#" title="title">Sit amet</a></td>
                <td>Consectetur adipiscing</td>
                <td>Donec tortor diam</td>
                <td><!-- Icons -->
                  <a href="#" title="Edit"><img src="<?=base_url()?>application/views/admin/images/icons/pencil.png" alt="Edit" /></a> <a href="#" title="Delete"><img src="<?=base_url()?>application/views/admin/images/icons/cross.png" alt="Delete" /></a> <a href="#" title="Edit Meta"><img src="<?=base_url()?>application/views/admin/images/icons/hammer_screwdriver.png" alt="Edit Meta" /></a></td>
              </tr>
              <tr>
                <td><input type="checkbox" /></td>
                <td>Lorem ipsum dolor</td>
                <td><a href="#" title="title">Sit amet</a></td>
                <td>Consectetur adipiscing</td>
                <td>Donec tortor diam</td>
                <td><!-- Icons -->
                  <a href="#" title="Edit"><img src="<?=base_url()?>application/views/admin/images/icons/pencil.png" alt="Edit" /></a> <a href="#" title="Delete"><img src="<?=base_url()?>application/views/admin/images/icons/cross.png" alt="Delete" /></a> <a href="#" title="Edit Meta"><img src="<?=base_url()?>application/views/admin/images/icons/hammer_screwdriver.png" alt="Edit Meta" /></a></td>
              </tr>
            </tbody>
          </table>
        </div>
        <!-- End #tab1 -->
        <div class="tab-content" id="tab2">
          <form action="" method="post">
            <fieldset>
              <!-- Set class to "column-left" or "column-right" on fieldsets to divide the form into columns -->
              <p>
                <label>小表单输入</label>
                <input class="text-input small-input" type="text" id="small-input" name="small-input" />
                <span class="input-notification success png_bg">Successful message</span>
                <!-- Classes for input-notification: success, error, information, attention -->
                <br />
                <small>A small description of the field</small> </p>
              <p>
                <label>中等形式输入</label>
                <input class="text-input medium-input datepicker" type="text" id="medium-input" name="medium-input" />
                <span class="input-notification error png_bg">Error message</span> </p>
              <p>
                <label>大型表单输入</label>
                <input class="text-input large-input" type="text" id="large-input" name="large-input" />
              </p>
              <p>
                <label>复选框</label>
                <input type="checkbox" name="checkbox1" />
                This is a checkbox
                <input type="checkbox" name="checkbox2" />
                And this is another checkbox </p>
              <p>
                <label>单选框</label>
                <input type="radio" name="radio1" />
                This is a radio button<br />
                <input type="radio" name="radio2" />
                This is another radio button </p>
              <p>
                <label>This is a drop down list</label>
                <select name="dropdown" class="small-input">
                  <option value="option1">Option 1</option>
                  <option value="option2">Option 2</option>
                  <option value="option3">Option 3</option>
                  <option value="option4">Option 4</option>
                </select>
              </p>
              <p>
                <label>Textarea with WYSIWYG</label>
                <textarea class="text-input textarea wysiwyg" id="textarea" name="textfield" cols="79" rows="15"></textarea>
              </p>
              <p>
                <input class="button" type="submit" value="Submit" />
              </p>
            </fieldset>
            <div class="clear"></div>
            <!-- End .clear -->
          </form>
        </div>
        <!-- End #tab2 -->
      </div>
      <!-- End .content-box-content -->
    </div>
    <!-- End .content-box -->
    <div class="content-box column-left">
      <div class="content-box-header">
        <h3>左侧内容框</h3>
      </div>
      <!-- End .content-box-header -->
      <div class="content-box-content">
        <div class="tab-content default-tab">
          <h4>Maecenas dignissim</h4>
          <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed in porta lectus. Maecenas dignissim enim quis ipsum mattis aliquet. Maecenas id velit et elit gravida bibendum. Duis nec rutrum lorem. Donec egestas metus a risus euismod ultricies. Maecenas lacinia orci at neque commodo commodo. </p>
        </div>
        <!-- End #tab3 -->
      </div>
      <!-- End .content-box-content -->
    </div>
    <!-- End .content-box -->
    <div class="content-box column-right closed-box">
      <div class="content-box-header">
        <!-- Add the class "closed" to the Content box header to have it closed by default -->
        <h3>右侧内容框</h3>
      </div>
      <!-- End .content-box-header -->
      <div class="content-box-content">
        <div class="tab-content default-tab">
          <h4>This box is closed by default</h4>
          <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed in porta lectus. Maecenas dignissim enim quis ipsum mattis aliquet. Maecenas id velit et elit gravida bibendum. Duis nec rutrum lorem. Donec egestas metus a risus euismod ultricies. Maecenas lacinia orci at neque commodo commodo. </p>
        </div>
        <!-- End #tab3 -->
      </div>
      <!-- End .content-box-content -->
    </div>
    <!-- End .content-box -->
    <div class="clear"></div>
    <!-- Start Notifications -->
    <div class="notification attention png_bg"> <a href="#" class="close"><img src="<?=base_url()?>application/views/admin/images/icons/cross_grey_small.png" title="Close this notification" alt="close" /></a>
      <div> 注意事项的通知！</div>
    </div>
    <div class="notification information png_bg"> <a href="#" class="close"><img src="<?=base_url()?>application/views/admin/images/icons/cross_grey_small.png" title="Close this notification" alt="close" /></a>
      <div> 信息的通知。 </div>
    </div>
    <div class="notification success png_bg"> <a href="#" class="close"><img src="<?=base_url()?>application/views/admin/images/icons/cross_grey_small.png" title="Close this notification" alt="close" /></a>
      <div> 成功的通知。 </div>
    </div>
    <div class="notification error png_bg"> <a href="#" class="close"><img src="<?=base_url()?>application/views/admin/images/icons/cross_grey_small.png" title="Close this notification" alt="close" /></a>
      <div> 错误的通知。 </div>
    </div>
    <!-- End Notifications -->
   
  </div>
  <!-- End #main-content -->
</div>
<!-- End #login-wrapper -->
<?php echo $this->load->view('admin/footer');?>
